<template>
    <div class="mask">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "Shade"
    }
</script>

<style scoped>
    .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.4);
        z-index: 5;
    }
</style>